.myPromotion{ padding-left: 180px; height: calc(100vh - 150px); position: relative; padding-top: 85px;}
.myPromotion .myPromotion_top{ display: flex; align-items: center; justify-content: space-between; padding: 0px 8%;}
.myPromotion .myPromotion_top .myPromotion_top_left{ width: 55%;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title{ margin-bottom: 50px;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title .top_title_dd{ font-size: 40px; color: #22242c; font-weight: bolder;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title .top_title_dt{ color: #22242c; font-size: 30px; margin-top: 30px;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title .top_title_dt b{ color: #3662eb;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dd{ font-size: 18px; color: #474b5a; margin-bottom: 30px;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dt .content_dt_list{ font-size: 15px; color: #545a68; margin-bottom: 20px; display: flex; align-items: center;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dt .content_dt_list span{ display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #3662eb; width: 16px; height: 16px; margin-right: 14px;}
.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dt .content_dt_list span i{ color: #fff; font-size: 12px;}
.myPromotion .myPromotion_top .myPromotion_top_right{ width: 37%; text-align: right;}
.myPromotion .myPromotion_top .myPromotion_top_right img{ max-width: 100%;}
.myPromotion .myPromotion_invite{ padding: 0px 8%; padding-bottom: 90px;}
.myPromotion .myPromotion_invite .myPromotion_invite_title{ font-size: 24px; color: #22242c; margin-bottom: 30px;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt{ justify-content: space-between; display: flex; flex-wrap: wrap;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list{ width: 48%; border-radius: 14px; overflow: hidden; border: 2px solid #22242c; box-shadow: 5px 5px 0px #22242c; position: relative; padding-bottom: 30px;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd{ height: 44px; background: #e8f1ff; padding: 0px 18px; display: flex; align-items: center; border-bottom: 2px solid #22242c;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; margin-right: 8px;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span:nth-child(1){ background: #f48b88;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span:nth-child(2){ background: #f5c251;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span:nth-child(3){ background: #46be97;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt{ background: #f4f8ff; padding: 40px 25px;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_title{ font-size: 18px; color: #22242c; line-height: 30px;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_txt{ font-size: 15px; color: #545a68; margin-top: 10px; display: inline-block;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_txt:hover{ color: #3662eb;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_btn{ display: flex; align-items: center; justify-content: flex-end; position: absolute; bottom: 0; left: 0; width: calc(100% - 50px); padding: 25px; padding-top: 0;}
.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_btn span{ font-size: 16px; color: #3662eb; display: flex; align-items: center; justify-content: center; width: 88px; height: 34px; border-radius: 100px; background: #e7edff; cursor: pointer;}
.myPromotion .myPromotion_bottom .myPromotion_bottom_cord img{ width: 295px;}
.myPromotion .myPromotion_bottom .myPromotion_bottom_title{ margin-top: 30px; font-size: 18px; color: #22242c; width: 295px; text-align: center;}
















